<template>
  <div class="shop-container">
    <div class="shop-header">
      <h1>{{ shop.name }}</h1>
      <div class="shop-stats">
        <div class="stat-item">
          <span>总销售额</span>
          <h3>{{ statistics.totalSales }}</h3>
        </div>
        <div class="stat-item">
          <span>订单数</span>
          <h3>{{ statistics.orderCount }}</h3>
        </div>
      </div>
    </div>
    
    <div class="product-list">
      <div v-for="product in products" :key="product.id" class="product-card">
        <img :src="product.imageUrl" :alt="product.name">
        <h3>{{ product.name }}</h3>
        <p>{{ product.price }}</p>
        <button @click="addToCart(product)">加入购物车</button>
      </div>
    </div>
  </div>
</template> 